<template>
  <div class="container">
    <!-- 子路由出口 -->
    <router-view />
    <!-- /子路由出口 -->

    <!-- 底部导航栏 -->
    <van-tabbar
      v-model="active"
      route
    >
      <van-tabbar-item
        icon="home-o"
        to="/"
      >首页</van-tabbar-item>
      <van-tabbar-item
        icon="comment-o"
        to="/qa"
      >问答</van-tabbar-item>
      <van-tabbar-item
        icon="video-o"
        to="/video"
      >视频</van-tabbar-item>
      <van-tabbar-item
        icon="manager-o"
        to="/my"
      >{{this.$store.state.loginStore.user? '我的':'未登录'}}</van-tabbar-item>
    </van-tabbar>
    <!-- /底部导航栏 -->
  </div>
</template>

<script>
export default {
  name: 'LayoutIndex',
  components: {},
  props: {},
  data() {
    return {
      active: 0
    }
  },
  computed: {},
  watch: {},
  created() { },
  mounted() { },
  methods: {}
}
</script>

<style scoped lang="less">
</style>